.grid {
	position: relative;
	border: 1px solid #ccc;
	width: 100%;
	padding: 1px;
}

.grid table {
	border-collapse: collapse;
	border-spacing: 0;
}

.grid-viewport {
	position: relative;
	background-color: #fcfcfe;
}

.grid, .grid *, .grid-viewport * {
	-moz-user-select: none;
    -khtml-user-select: none;
	cursor: default;
}

.mxg-head, .mxg-scrollable {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-align: left;
	width: 101%;
}
.mxg-head {
}
.mxg-scrollable {
	position: relative;
	height: 100%;
	overflow: auto;
}
.mxg-scrollable-inner {
	position: relative;
	width: auto;
}

.mxg-head-offset {
	position: relative;
	float: left;
	width: 10000px;
}

.mxg-hd-table, .mxg-table {
	border: 0;
	width: 100%;
	*width: auto; /* Fix for ie */
	table-layout: fixed; /* Fix for ie */
}

.mxg-hd-table td, .mxg-table td {
	border: 0;
	border-bottom: 1px solid #f1efe2;
	border-right: 1px solid #f1efe2;
	padding: 0 2px 0 4px;
	/*height: 22px;*/
	line-height: 22px;
	text-align: left;
}
.mxg-table td {
	/*height: 22px;
	line-height: 22px;
	*/
}

.mxg-hd-table td {
	border-color: #f2f4f6;
	height: 22px;
	background: transparent url(../images/table/grid-hrow.gif) repeat-x 0 bottom;
}
.mxg-hd-table td div img {
	width: 13px;
	height: 4px;
}
.mxg-hd-table td div {
}
.mxg-hd-table td.over {
	background-image: url(../images/table/grid-hrow-over.gif);
}
.mxg-hd-table td.down {
	background-position: 0 1px;
}

.mxg-hd-split {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent url(../images/table/grid-split.gif) no-repeat right 4px;
	width: 6px;
	height: 16px;
	cursor: e-resize;
    cursor: col-resize;
	_top: -3px;
}

.mxg-hd-cell, .mxg-inner-cell {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: arial, tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size-adjust: none;
	width: 100%; /* Fix for ie6 */
}

.mxg-hd-cell {
	position: relative;
	cursor: default;
}

.mxg-empty-cell {
	border-right: 0 !important;
}

.mxg-hd-sort- {
	background: #eee url(../images/table/sort_asc.gif) no-repeat 0 0;
}

.mxg-row-even {
	background-color: #fafafa; /*f3f6f5*/
}
.mxg-row-odd {
	background-color: #fff;
}
.mxg-table tr.over {
	background-color: #f3f6f5;
}
.mxg-table tr.selected {
	background-color: #dfe8f6;
}

.mxg-split-handle {
	position: absolute;
	height: 100%;
	top: 0;
	left: -10000px;
	width: 1px;
	background-color: #777;
	display: block;
	cursor: e-resize;
    cursor: col-resize;
	z-index: 10000;
}

/* check box */
.chk-box-td { padding: 0 !important; margin: 0 !important; width: 25px !important; }
.chk-box { background: transparent url(../images/table/checkbox.gif) no-repeat 6px -21px; width: 20px; height: 16px; line-height: 16px; }
.checked { background-position: 6px -4px; }
.mxg-table div.chk-box { background-position: 6px -20px; }
.mxg-table div.checked { background-position: 6px -3px; }

.mxg-table tr td div.number { color: green; text-align: right; }
.mxg-table tr td div.number-n { color: red; }
.mxg-table tr td div.link a { color: /*#0c4ea6*/blue; text-decoration: underline; cursor: pointer; }
.mxg-table tr td div.img { margin-bottom: -7px; *margin-bottom: 0px; text-align: center; }
.mxg-table tr td div.img img { margin: 0; padding: 0; }
.mxg-table tr td div.img a { text-decoration: none; }
.mxg-table tr td div.img a img { margin: 0; padding: 0; cursor: pointer; }

.mxg-load { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; display: block; z-index: 990; background: #fff url(../images/table/asynch-load.gif) no-repeat center center; }